<template>
    <div id="seachDialog">
      <a-modal
        title="图片预览"
        v-model="imgData.show"
        width="550px"
        style="overflow:hidden;"
        @cancel="handleClose">
        <el-row style="padding:10px;max-height:650px;overflow-y:auto">
            <img :src="$api.LOCALHOST + '/contract/downloadContract?url='+imgData.url+'&name='+imgData.name" >
        </el-row>
        <span slot="footer" class="dialog-footer">
            <el-button size="small" @click="handleClose">关闭</el-button>
        </span>
      </a-modal>
    </div>
</template>

<script>
export default {
    props: ['imgData'],
    data() {
        return {
          parames: {
              name: '',
              youxian: '',
              date: ''
          },
          dataList: [],
        };
    },
    computed: {
      
    },
    created() {

    },
    mounted() {

    },
    methods: {
        handleClose () {
            this.imgData.show = false
        },
    },
    computed: { //计算属性
        changeDialog () {
            return this.imgData.show
        }
    },
    watch: {
        changeDialog: {
            handler (curVal, oldVal) {
                if (curVal) {
                    
                } else {

                }
            }
        },
        deep: true
    }
};
</script>

<style>
#seachDialog .el-dialog{
    padding-bottom: 0; 
    overflow-x: hidden;
}
#seachDialog .el-dialog__footer{
    border-top: #f4f4f4 solid 1px;
}
.title-row:hover{
  background: #f9f9f9;
}
</style>
